import React from 'react';
import { Modal, Button,} from 'antd';
import './index.css'
import { Steps } from 'antd';
const Step = Steps.Step;

export default class JournalModel extends React.Component {
    constructor(){
        super();
    }
    
    render() {
        return (
            <div>
         
            <Modal
              title="航行日志"
              visible={this.props.visible1}
              onOk={this.handleOk}
              wrapClassName="extractList"
              onCancel={()=>this.props.showModel1()}
            >
             <div>
             <Steps direction='vertical' progressDot current={1}>
                <Step title="Finished" description="This is a description." />
                <Step title="In Progress" description="This is a description." />
                <Step title="Waiting" description="This is a description." />
            </Steps>,
             </div>
            </Modal>
          </div>
        );
    }
}